<!DOCTYPE html>
<html>
<head>
	<title>协会简介</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="http://localhost/GISC/public/static/css/association_brief.css">
</head>
<body>
	<div class="box">
		<div class="div-son">
			<a href="http://localhost/GISC/public/">首页</a>
			&gt;&gt;<!-- 在html里写& g t ;页面输出 "> " -->
			<a href="#">协会简介</a>
		</div>
		<div class="div-con">
			<div class="div-top">
				<article>
					<header><h2 class="title-one">GIS</h2></header>
					<p class="text1">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp防灾GIS协会是一个由黄猛老师领导的院级别协会。是以GIS为基础软件开发为基准，资源共享的学习平台。自2007年防灾GIS协会成立以来，本着“以教科研项目+学科竞赛为载体，培养学习兴趣，激发个人潜能，增强实践能力和培养创新能力,共创美好未来”的原则，积极参加各种专业比赛和相关项目。	</p>
					<p class="text2"><!-- 本着“以教科研项目+学科竞赛为载体，培养学习兴趣，激发个人潜能，增强实践能力和培养创新能力， 共创美好未来”的原则，自2007年防灾GIS协会成立以来，协会成员就积极参加各种专业比赛和相关项目 。随着自身的不断发展和壮大，协会参与的项目范围越来越广泛，参于项目的总金额也从07年到10年的 3.6万元，发展到11年到12年的40余万元,直到13年至今的80余万元。一批又一批的小组成员也通过实际 锻炼提升了自己的专业水平，走向了更加宽广的平台。 --></p>
					<div class="div-t">
						<p class="text-p">不忘初心，砥砺前行</p>
					</div>
				</article>
			</div>
			<div class="div-tab">
				<table class="table table-striped table-hover table-responsive">	
					<!-- table-striped(斑马线)	table-condensed(让表格个更加紧凑)	table-responsive(响应式-出现滚动条) -->

					<thead>
						<tr >
							<th>时间</th>
							<th>项目</th>
							<th>成员</th>
						</tr>
					</thead>
					<tbody>
						{volist name="list" id="vo"}
						<tr {$vo.color}>
							<td>{$vo.time}</td>
							<td>{$vo.project}</td>
							<td>{$vo.member}</td>
						</tr>
						{/volist}
					</tbody>
				</table>
			</div>
		</div>
	</div>
</body>
</html>

